<template>
	<view class="tab">
		<navigator open-type="switchTab" url="/pages/index/index" class="tab_item">
			首页
		</navigator>
		<navigator open-type="switchTab" url="/pages/follow/follow" class="tab_item">
			关注
		</navigator>
		<view class="tab_item">
			<view class=" iconfont icon-jiahao icon_box">
			</view>
		</view>
		<navigator open-type="switchTab" url="/pages/news/news" class="tab_item">
			消息
		</navigator>
		<navigator open-type="switchTab" url="/pages/my/my" class="tab_item">
			我
		</navigator>
	</view>
</template>

<script>
	export default {
		name:"tab",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.tab{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
	display: flex;
	justify-content:space-evenly;
	align-items: center;
	color: #FFFFFF;
	font-size: 20px;
	z-index: 20;
}
.tab view:nth-child(3){
	background-color: #FFFFFF;
	padding: 4px 12px;
	border-radius: 5px;
}
.icon_box{
	color: #000000;
}
</style>
